<template>
  <div class="cart_info3_box">
    <!-- <div class="cart_info3_box_list1">
      <dv-border-box-10>
        <treemapchart1 />
      </dv-border-box-10>
      <dv-border-box-10>
        <barchart3 />
      </dv-border-box-10>
    </div> -->
    <div class="cart_info3_box_list2">
      <!-- <dv-border-box-10> -->
        <search_box />
      <!-- </dv-border-box-10> -->
      <!-- <dv-border-box-10></dv-border-box-10> -->
    </div>
    <div class="cart_info3_box_list3">
      <dv-border-box-1>
        <linechart3 />
      </dv-border-box-1>
      <dv-border-box-1>
        <piechart4/>
      </dv-border-box-1>
    </div>
  </div>
</template>

    <script>
import treemapchart1 from "@/components/echart/Treemap/treemapchart1.vue";
import radarchart1 from "@/components/echart/Radar/radarchart1.vue";
import linechart3 from "@/components/echart/Line/linechart3.vue";
import barchart3 from "@/components/echart/Bar/barchart3.vue";
import piechart4 from "@/components/echart/Pie/piechart4.vue";
import search_box from "@/components/ComeFrom/search_view.vue";
export default {
  name: "cart_info3",
  components: {
    treemapchart1,
    radarchart1,
    linechart3,
    barchart3,
    search_box,
    piechart4,
  }
};
</script>

    <style lang="scss" scoped>
.cart_info3_box {
  width: 98%;
  margin: 0 auto;
  height: 87vh;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  // background-color: #554444;
  // .cart_info3_box_list1 {
  //   padding: 10px;
  //   width: 30%;
  //   // flex: 1;
  //   height: 100%;66
  //   // background-color: #554444;
  //   display: flex;
  //   flex-direction: column;
  // }
  .cart_info3_box_list2 {
    width: 70%;
    // padding: 10px;
    // flex: 2;
    height: 100%;
    // background-color: rgb(57, 62, 66);
    // display: flex;
    // flex-direction: column;
  }
  .cart_info3_box_list3 {
    width: 30%;
    padding: 10px;
    // flex: 1;
    height: 100%;
    // background-color: rgb(57, 62, 66);
    display: flex;
    flex-direction: column;
  }
}
</style>